<!--top栏-->
<header class="header">
    <div class="container">
        <div class="row">
            <!--            top栏左侧-->
            <div class="col-7 col-md-9 col-lg-8 col-xl-10">
                <div class="header__content">
                    <!--                    logo-->
                    <button class="header__btn" type="button">
                        <span></span>
                        <span></span>
                        <span></span>
                    </button>
                    <a href="/" class="header__logo">
                        <img src="okle/picture/antlogo.svg" alt="{{ title || '首页logo'}}">
                    </a>
                    <!--侧边栏 电脑模式/手机模式自适应-->
                    <ul class="header__nav">
                        <li class="header__nav-item">
                            <a href="/" class="header__nav-link">首页</a>
                        </li>

                        <li class="header__nav-item">
                            <a href="/xue" class="header__nav-link">知识文档</a>
                        </li>
                        <li class="header__nav-item">
                            <i class="msg_remind" style="display: inline;"></i>
                            <a class="dropdown-toggle header__nav-link" href="#" role="button" id="dropdownMenuProjects" data-toggle="dropdown" aria-haspopup="true"
                               aria-expanded="false">
                                <i class="icon iconfont icon-ic_more_across_black"></i>
                            </a>
                            <ul class="dropdown-menu header__dropdown-menu" aria-labelledby="dropdownMenuProjects">
                                <li><a href="/other/patup.html"><i
                                        class="icon iconfont icon-ic_right_line1"></i>积分充值</a></li>
                                <li><a href="/other/links.html"><i
                                        class="icon iconfont icon-ic_right_line1"></i>友链申请</a></li>
                                <li><a href="/other/737"><i
                                        class="icon iconfont icon-ic_right_line1"></i>SEO运营</a></li>
                                <li><a href="/other/oper/"><i
                                        class="icon iconfont icon-ic_right_line1"></i>最新动态</a></li>
                            </ul>
                        </li>
                    </ul>
                    <!--                    搜索表单-->
                    <form class="header__search">
                        <i class="search-icon"></i>
                        <label>
                            <input class="header__search-input" type="text" placeholder="Search..." name="s">
                        </label>
                        <button class="header__search-button" type="button">
                            <i class="icon iconfont icon-ic_search_line"></i>
                        </button>
                    </form>
                </div>
            </div>
            <!--            top栏右侧-->
            <div class="col-5 col-md-3 col-lg-4 col-xl-2">
                <div class="header__content header__content--end">
                    <div class="header__notifications show"><a
                            class="dropdown-toggle header__notifications-btn header__notifications-btn--active" href="#"
                            role="button" id="dropdownMenuNotifications" data-toggle="dropdown" aria-haspopup="true"
                            aria-expanded="false"> <i class="icon iconfont icon-ic_notice_line"></i> </a>
                        <div class="dropdown-menu dropdown-menu-right header__dropdown-menu header__dropdown-menu--right header__dropdown-menu--ntf"
                             aria-labelledby="dropdownMenuNotifications">
                            <div class="header__ntf">
                                <a href="/author/2117"
                                   class="header__ntf-img">
                                    <img src="okle/picture/a18672975e7c443f93041328459b1488.gif" alt=""></a>
                                <h6 class="header__ntf-title"><span>qingc</span> - 昨天 09:25注册会员;</h6>
                            </div>
                            <div class="header__ntf">
                                <a href="/author/2116" class="header__ntf-img">
                                    <img
                                            src="okle/picture/7aba66dfa58c48f4ad73daa1245e7846.gif" alt=""></a>
                                <h6
                                        class="header__ntf-title"><span>Xinyu</span> - 5天前注册会员;</h6>
                            </div>
                            <div class="header__ntf">
                                <a href="/author/2115"
                                   class="header__ntf-img">
                                    <img
                                            src="okle/picture/98238e5768dc4172a4a25aa19c45981a.gif" alt=""></a>
                                <h6
                                        class="header__ntf-title"><span>jieme520</span> - 5天前注册会员;</h6>
                            </div>
                            <div class="header__ntf">
                                <a href="/author/2114"
                                   class="header__ntf-img">
                                    <img
                                            src="okle/picture/cbb5e5f94a944c118b24085cc1951fc2.gif" alt=""></a>
                                <h6
                                        class="header__ntf-title"><span>钱六二二子</span> - 11月16日注册会员;</h6>
                            </div>
                            <div class="header__ntf"><a href="/author/2113"
                                                        class="header__ntf-img"><img
                                    src="okle/picture/4fa562672e4542689fc00f040f049be5.gif" alt=""></a><h6
                                    class="header__ntf-title"><span>mumuxi</span> - 11月16日注册会员;</h6></div>
                            <a href="/signin.html" class="header__ntf-more"> 加入我们（2092 ）</a>
                        </div>
                    </div>
                    <!--                   首页 登录注册按钮-->
                    <div class="header__profile">
                        <div class="">
                            <span>
                                <a class="signin" href="/signin.html">登录</a>
                                /
                                <a class="signin" href="/signup.html">注册</a>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>